<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>USDT出售流程 - USDTMarket帮助中心</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        success: '#36D399',
                        danger: '#F87272',
                        dark: '#1E293B',
                        light: '#F1F5F9',
                        'dark-blue': '#0F172A',
                        'light-blue': '#E0E7FF',
                    },
                    fontFamily: {
                        inter: ['Inter', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .glass {
                background: rgba(255, 255, 255, 0.2);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
            }
            .card-hover {
                transition: all 0.3s ease;
            }
            .card-hover:hover {
                transform: translateY(-3px);
                box-shadow: 0 8px 15px -3px rgba(0, 0, 0, 0.1);
            }
            .step-card {
                transition: all 0.3s ease;
            }
            .step-card:hover {
                transform: translateY(-3px);
                box-shadow: 0 8px 15px -3px rgba(0, 0, 0, 0.1);
                border-color: theme('colors.primary');
            }
            .toc-item {
                transition: all 0.2s ease;
            }
            .toc-item:hover {
                color: theme('colors.primary');
                transform: translateX(4px);
            }
            .toc-item.active {
                color: theme('colors.primary');
                font-weight: 500;
                border-left: 2px solid theme('colors.primary');
                padding-left: 8px;
                margin-left: -10px;
            }
        }
    </style>
</head>
<body class="font-inter bg-gradient-to-br from-dark-blue to-dark min-h-screen text-light">
    <!-- 导航栏 -->
    <header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300" id="navbar">
        <div class="container mx-auto px-4 py-3 flex items-center justify-between glass border-b border-white/10">
            <div class="flex items-center space-x-2">
                <div class="w-10 h-10 rounded-lg bg-primary flex items-center justify-center">
                    <i class="fa fa-exchange text-white text-xl"></i>
                </div>
                <h1 class="text-xl font-bold bg-gradient-to-r from-primary to-success bg-clip-text text-transparent">USDT<span class="text-sm font-normal ml-1">Market</span></h1>
            </div>
            
            <nav class="hidden md:flex items-center space-x-8">
                <a href="#" class="text-white/70 hover:text-primary transition-colors">首页</a>
                <a href="#" class="text-white/70 hover:text-primary transition-colors">购买USDT</a>
                <a href="#" class="text-white/70 hover:text-primary transition-colors">出售USDT</a>
                <a href="#" class="text-white/70 hover:text-primary transition-colors">交易记录</a>
                <a href="#" class="text-primary font-medium">帮助中心</a>
            </nav>
            
            <div class="flex items-center space-x-4">
                <div class="relative">
                    <button class="flex items-center space-x-2 px-4 py-2 rounded-lg bg-primary/20 text-primary hover:bg-primary/30 transition-colors">
                        <i class="fa fa-user-circle-o text-xl"></i>
                        <span class="hidden md:inline">用户12345</span>
                        <i class="fa fa-angle-down"></i>
                    </button>
                </div>
                <button class="md:hidden text-white text-xl">
                    <i class="fa fa-bars"></i>
                </button>
            </div>
        </div>
    </header>

    <!-- 主内容区 -->
    <main class="container mx-auto px-4 pt-24 pb-16">
        <!-- 面包屑导航 -->
        <div class="mb-8 text-sm text-white/60">
            <a href="#" class="hover:text-primary transition-colors">首页</a> &gt; 
            <a href="#" class="hover:text-primary transition-colors">帮助中心</a> &gt; 
            <span class="text-white">USDT出售流程</span>
        </div>
        
        <!-- 文章标题 -->
        <div class="mb-12 text-center">
            <h1 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold mb-4">USDT出售流程详解</h1>
            <p class="text-white/80 max-w-2xl mx-auto">一步步指导您在USDTMarket平台上安全、高效地出售USDT</p>
            <div class="mt-6 text-sm text-white/60 flex justify-center items-center space-x-4">
                <span><i class="fa fa-clock-o mr-1"></i> 最后更新: 2025年6月26日</span>
                <span><i class="fa fa-eye mr-1"></i> 阅读: 12,548</span>
            </div>
        </div>
        
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-8">
            <!-- 侧边栏：目录 -->
            <div class="lg:col-span-3 order-2 lg:order-1">
                <div class="bg-dark-blue rounded-2xl p-6 border border-white/10 sticky top-24">
                    <h3 class="text-lg font-bold mb-4 flex items-center">
                        <i class="fa fa-list-ul text-primary mr-2"></i> 文章目录
                    </h3>
                    <div class="space-y-3 text-sm">
                        <a href="#preparation" class="toc-item block py-1" onclick="highlightTOC('preparation')">
                            <i class="fa fa-check-circle text-success mr-2"></i> 出售前准备
                        </a>
                        <a href="#create-order" class="toc-item block py-1" onclick="highlightTOC('create-order')">
                            <i class="fa fa-pencil text-primary mr-2"></i> 创建出售订单
                        </a>
                        <a href="#wait-payment" class="toc-item block py-1" onclick="highlightTOC('wait-payment')">
                            <i class="fa fa-clock-o text-primary mr-2"></i> 等待买家付款
                        </a>
                        <a href="#confirm-payment" class="toc-item block py-1" onclick="highlightTOC('confirm-payment')">
                            <i class="fa fa-check text-success mr-2"></i> 确认收款并放行
                        </a>
                        <a href="#transaction-complete" class="toc-item block py-1" onclick="highlightTOC('transaction-complete')">
                            <i class="fa fa-check-circle text-success mr-2"></i> 交易完成
                        </a>
                        <a href="#faq" class="toc-item block py-1" onclick="highlightTOC('faq')">
                            <i class="fa fa-question-circle text-primary mr-2"></i> 常见问题
                        </a>
                        <a href="#security-tips" class="toc-item block py-1" onclick="highlightTOC('security-tips')">
                            <i class="fa fa-shield text-danger mr-2"></i> 安全提示
                        </a>
                    </div>
                    
                    <div class="mt-8 pt-6 border-t border-white/10">
                        <h4 class="text-base font-medium mb-3">需要帮助？</h4>
                        <p class="text-white/70 text-sm mb-4">如有疑问，请联系我们的客服团队</p>
                        <button class="w-full px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors flex items-center justify-center gap-2 text-sm">
                            <i class="fa fa-headphones mr-1"></i> 联系客服
                        </button>
                    </div>
                </div>
            </div>
            
            <!-- 文章内容 -->
            <div class="lg:col-span-9 order-1 lg:order-2">
                <div class="bg-dark-blue rounded-2xl p-8 border border-white/10 mb-8">
                    <article>
                        <!-- 出售前准备 -->
                        <section id="preparation" class="mb-12">
                            <h2 class="text-2xl font-bold mb-6 flex items-center">
                                <span class="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center text-primary mr-3">1</span>
                                出售前准备
                            </h2>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10 mb-6">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-user-circle-o text-primary mr-2"></i> 完成实名认证
                                </h3>
                                <p class="text-white/80 mb-4">在平台上出售USDT前，您需要完成实名认证。这是为了确保交易安全和符合相关法规要求。</p>
                                <ol class="list-decimal pl-5 space-y-2 text-white/80">
                                    <li>进入"账户中心"，点击"实名认证"</li>
                                    <li>按照提示上传身份证正反面照片（或其他有效证件）</li>
                                    <li>完成人脸验证（部分地区要求）</li>
                                    <li>提交审核，通常审核时间为1-3个工作日</li>
                                </ol>
                                <div class="mt-4 p-4 bg-primary/10 rounded-lg border border-primary/30 text-white/80">
                                    <i class="fa fa-info-circle text-primary mr-2"></i>
                                    <span>实名认证信息仅用于平台审核和安全保障，我们承诺严格保密您的个人信息。</span>
                                </div>
                            </div>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10 mb-6">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-credit-card text-primary mr-2"></i> 绑定收款方式
                                </h3>
                                <p class="text-white/80 mb-4">您需要至少绑定一种收款方式，以便接收出售USDT后的资金。</p>
                                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                                    <div class="bg-dark-blue rounded-lg p-4 border border-white/10">
                                        <h4 class="font-medium mb-2 flex items-center">
                                            <i class="fa fa-university text-primary mr-2"></i> 银行卡
                                        </h4>
                                        <p class="text-white/70 text-sm mb-3">添加姓名、卡号、开户行信息</p>
                                        <img src="https://picsum.photos/seed/bankcard/200/120" alt="银行卡绑定示例" class="rounded-lg w-full h-24 object-cover">
                                    </div>
                                    
                                    <div class="bg-dark-blue rounded-lg p-4 border border-white/10">
                                        <h4 class="font-medium mb-2 flex items-center">
                                            <i class="fa fa-credit-card text-primary mr-2"></i> 支付宝
                                        </h4>
                                        <p class="text-white/70 text-sm mb-3">绑定实名支付宝账户并上传收款码</p>
                                        <img src="https://picsum.photos/seed/alipay/200/120" alt="支付宝绑定示例" class="rounded-lg w-full h-24 object-cover">
                                    </div>
                                    
                                    <div class="bg-dark-blue rounded-lg p-4 border border-white/10">
                                        <h4 class="font-medium mb-2 flex items-center">
                                            <i class="fa fa-wechat text-primary mr-2"></i> 微信支付
                                        </h4>
                                        <p class="text-white/70 text-sm mb-3">绑定实名微信账户并上传收款码</p>
                                        <img src="https://picsum.photos/seed/wechat/200/120" alt="微信支付绑定示例" class="rounded-lg w-full h-24 object-cover">
                                    </div>
                                </div>
                            </div>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-lock text-primary mr-2"></i> 设置安全信息
                                </h3>
                                <p class="text-white/80 mb-4">为保障您的账户安全，建议开启以下安全设置：</p>
                                <ul class="space-y-3 text-white/80">
                                    <li class="flex items-start">
                                        <i class="fa fa-check-circle text-success mt-1 mr-2"></i>
                                        <span>开启双重认证（2FA）：通过Google Authenticator或短信验证码增强账户安全</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check-circle text-success mt-1 mr-2"></i>
                                        <span>设置资金密码：用于提币、大额交易等敏感操作的二次验证</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check-circle text-success mt-1 mr-2"></i>
                                        <span>绑定安全邮箱：用于接收重要通知和账户验证</span>
                                    </li>
                                </ul>
                            </div>
                        </section>
                        
                        <!-- 创建出售订单 -->
                        <section id="create-order" class="mb-12">
                            <h2 class="text-2xl font-bold mb-6 flex items-center">
                                <span class="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center text-primary mr-3">2</span>
                                创建出售订单
                            </h2>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10 mb-8">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-plus-circle text-primary mr-2"></i> 填写出售信息
                                </h3>
                                <p class="text-white/80 mb-4">完成准备工作后，您可以开始创建出售订单。以下是详细步骤：</p>
                                
                                <div class="space-y-6">
                                    <!-- 步骤1 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-credit-card"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">选择收款方式</h4>
                                                <p class="text-white/70">选择您之前绑定的收款方式（银行卡、支付宝或微信支付）</p>
                                                <img src="https://picsum.photos/seed/paymentmethod/600/300" alt="选择收款方式" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤2 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-usd"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">输入出售数量</h4>
                                                <p class="text-white/70">输入您想要出售的USDT数量，系统会自动计算对应的人民币金额</p>
                                                <img src="https://picsum.photos/seed/amount/600/300" alt="输入出售数量" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤3 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-cny"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">设置出售单价</h4>
                                                <p class="text-white/70">设置USDT的出售单价（CNY/USDT），系统会显示当前市场参考价供您参考</p>
                                                <img src="https://picsum.photos/seed/price/600/300" alt="设置出售单价" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤4 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-check-circle"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">确认并发布订单</h4>
                                                <p class="text-white/70">检查订单信息无误后，点击"确认出售"按钮发布订单</p>
                                                <img src="https://picsum.photos/seed/confirm/600/300" alt="确认并发布订单" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-info-circle text-primary mr-2"></i> 订单发布后
                                </h3>
                                <ul class="space-y-3 text-white/80">
                                    <li class="flex items-start">
                                        <i class="fa fa-check-circle text-success mt-1 mr-2"></i>
                                        <span>系统会冻结您账户中对应数量的USDT，直到交易完成或取消</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check-circle text-success mt-1 mr-2"></i>
                                        <span>您的订单将显示在平台的"出售市场"中，等待买家购买</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-check-circle text-success mt-1 mr-2"></i>
                                        <span>您可以在"我的订单"中查看订单状态，随时取消未成交的订单</span>
                                    </li>
                                </ul>
                            </div>
                        </section>
                        
                        <!-- 等待买家付款 -->
                        <section id="wait-payment" class="mb-12">
                            <h2 class="text-2xl font-bold mb-6 flex items-center">
                                <span class="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center text-primary mr-3">3</span>
                                等待买家付款
                            </h2>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10 mb-8">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-clock-o text-primary mr-2"></i> 订单匹配与支付
                                </h3>
                                <p class="text-white/80 mb-4">当有买家选择购买您的USDT时，系统会自动锁定订单并通知您。</p>
                                
                                <div class="space-y-6">
                                    <!-- 步骤1 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-bell"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">收到订单通知</h4>
                                                <p class="text-white/70">您会收到系统通知（站内消息、邮件或短信），告知您有买家购买了您的USDT</p>
                                                <img src="https://picsum.photos/seed/notification/600/300" alt="收到订单通知" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤2 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-eye"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">查看订单详情</h4>
                                                <p class="text-white/70">进入"我的订单"查看详细信息，包括买家信息、付款方式和付款期限</p>
                                                <img src="https://picsum.photos/seed/orderdetail/600/300" alt="查看订单详情" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤3 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-clock-o"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">等待买家付款</h4>
                                                <p class="text-white/70">买家需要在规定时间内（通常30分钟）完成付款</p>
                                                <img src="https://picsum.photos/seed/waitpayment/600/300" alt="等待买家付款" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-exclamation-triangle text-danger mr-2"></i> 注意事项
                                </h3>
                                <ul class="space-y-3 text-white/80">
                                    <li class="flex items-start">
                                        <i class="fa fa-exclamation-circle text-danger mt-1 mr-2"></i>
                                        <span>在买家付款前，请勿主动放行USDT或与买家私下交易</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-exclamation-circle text-danger mt-1 mr-2"></i>
                                        <span>如买家超时未付款，订单将自动取消，USDT将解冻回到您的账户</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-exclamation-circle text-danger mt-1 mr-2"></i>
                                        <span>如对订单有任何疑问，请及时联系平台客服</span>
                                    </li>
                                </ul>
                            </div>
                        </section>
                        
                        <!-- 确认收款并放行 -->
                        <section id="confirm-payment" class="mb-12">
                            <h2 class="text-2xl font-bold mb-6 flex items-center">
                                <span class="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center text-primary mr-3">4</span>
                                确认收款并放行
                            </h2>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10 mb-8">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-check-circle text-success mr-2"></i> 确认收款流程
                                </h3>
                                <p class="text-white/80 mb-4">买家付款后，您需要确认收款并放行USDT给买家。</p>
                                
                                <div class="space-y-6">
                                    <!-- 步骤1 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-bell"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">收到付款通知</h4>
                                                <p class="text-white/70">买家完成付款后，系统会通知您查看付款信息</p>
                                                <img src="https://picsum.photos/seed/paymentnotice/600/300" alt="收到付款通知" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤2 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-check"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">核实收款信息</h4>
                                                <p class="text-white/70">仔细核对您的收款账户，确认已收到买家支付的款项</p>
                                                <img src="https://picsum.photos/seed/verifypayment/600/300" alt="核实收款信息" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤3 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-unlock"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">确认收款并放行</h4>
                                                <p class="text-white/70">确认收到款项后，点击"确认收款并放行"按钮，系统将USDT释放给买家</p>
                                                <img src="https://picsum.photos/seed/releaseusdt/600/300" alt="确认收款并放行" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-exclamation-triangle text-danger mr-2"></i> 重要提示
                                </h3>
                                <ul class="space-y-3 text-white/80">
                                    <li class="flex items-start">
                                        <i class="fa fa-exclamation-circle text-danger mt-1 mr-2"></i>
                                        <span>请务必确认实际收到款项后再放行USDT，避免资金损失</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-exclamation-circle text-danger mt-1 mr-2"></i>
                                        <span>买家付款后，请在15分钟内确认收款并放行USDT，超时未处理将自动取消交易</span>
                                    </li>
                                    <li class="flex items-start">
                                        <i class="fa fa-exclamation-circle text-danger mt-1 mr-2"></i>
                                        <span>如对付款有任何疑问，请勿点击"确认收款并放行"，应立即联系平台客服</span>
                                    </li>
                                </ul>
                            </div>
                        </section>
                        
                        <!-- 交易完成 -->
                        <section id="transaction-complete" class="mb-12">
                            <h2 class="text-2xl font-bold mb-6 flex items-center">
                                <span class="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center text-primary mr-3">5</span>
                                交易完成
                            </h2>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10 mb-8">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-check-circle text-success mr-2"></i> 交易成功后
                                </h3>
                                <p class="text-white/80 mb-4">当您确认收款并放行USDT后，交易即完成。</p>
                                
                                <div class="space-y-6">
                                    <!-- 步骤1 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-success flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-check-circle"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">交易完成确认</h4>
                                                <p class="text-white/70">系统会显示交易成功的提示，并更新您的账户余额</p>
                                                <img src="https://picsum.photos/seed/transactioncomplete/600/300" alt="交易完成确认" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤2 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-money"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">资金到账</h4>
                                                <p class="text-white/70">出售USDT所得的资金将自动转入您的法币账户</p>
                                                <img src="https://picsum.photos/seed/fundarrival/600/300" alt="资金到账" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- 步骤3 -->
                                    <div class="step-card bg-dark-blue rounded-xl p-4 border border-white/10">
                                        <div class="flex items-start">
                                            <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-4 mt-1">
                                                <i class="fa fa-comment"></i>
                                            </div>
                                            <div>
                                                <h4 class="font-bold mb-2">评价与反馈</h4>
                                                <p class="text-white/70">交易完成后，您和买家可以互相评价，良好的交易记录有助于提升您的信用等级</p>
                                                <img src="https://picsum.photos/seed/review/600/300" alt="评价与反馈" class="rounded-lg w-full h-auto mt-3">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="bg-dark rounded-xl p-6 border border-white/10">
                                <h3 class="text-lg font-bold mb-4 flex items-center">
                                    <i class="fa fa-line-chart text-primary mr-2"></i> 查看交易记录
                                </h3>
                                <p class="text-white/80 mb-4">您可以在"交易记录"中查看所有历史交易，包括交易时间、金额、状态等信息。</p>
                                <img src="https://picsum.photos/seed/transactionhistory/600/300" alt="查看交易记录" class="rounded-lg w-full h-auto mt-3">
                            </div>